// 通过css伪类元素实现动态切换主题
//document.documentElement.setAttribute('themes', "theme01")；
:root {
    --aside-menu-bg-image: url(../assets/image/theme/bg4.jpg);
    --aside-menu-text-bg-color: #fff;
    --menu-text-bg-color_hover: #7798B7;
    --menu-text-border: #C2E2FB;
    //tabs-views
    // 边框颜色
    --tabs-header-border: #d8dce5;
    //文本颜色
    --tabs-header-text-color: #495060;
    //边框(背景色)选中后的颜色
    --tabs-header-border_active: #42b983;
    //边框选中后的文字颜色
    --tabs-header-text_active: #ffffff;
    //鼠标hover颜色
    --tabs-header_hover: #99cccc;
}

:root[themes='dark'] {
    --aside-menu-bg-image: url(../assets/image/theme/bg1.png);
    --aside-menu-text-bg-color: red;
    //tabs-views
    // 边框颜色
    --tabs-header-border: #d8dce5;
    //文本颜色
    --tabs-header-text-color: #495060;
    //边框(背景色)选中后的颜色
    --tabs-header-border_active: #42b983;
    //边框选中后的文字颜色
    --tabs-header-text_active: #ffffff;
    //鼠标hover颜色
    --tabs-header_hover: #99cccc;
}